import React, {
  Component
} from 'react'
import {
  Card,
  WingBlank,
  WhiteSpace
} from 'antd-mobile'
import styles from './index.scss'

export default class ShopSingle extends Component {
  render() {
    return (
      <WingBlank size="md">
    <WhiteSpace size="lg" />
    <div className={styles.shopSingle}>
      <div className={styles.shopImg}>
        <img src="http://qiniu.cllgeek.com/chrome.jpg" alt="test"/>
      </div>
      <div className={styles.desc}>
        <h3 className={styles.shopName}>商品名称</h3>
        <p className={styles.productDesc}>商品描述商品描述商品描述商品描述</p>
        <p className={styles.shopFooter}>
          <span>价格:<b>1000</b><i></i></span>
          <button className={styles.btn}>立即兑换</button>
        </p>
      </div>
    </div>
    <WhiteSpace size="lg" />
  </WingBlank>
    )
  }
}